// $(document).ready(function () {
//     const maxTags = 5;
//     const maxCharsPerTag = 10;
//     let tags = [];
//
//     // 更新标签区域
//     function updateTagDisplay() {
//         $('#tag-container').empty();
//         tags.forEach(tag => {
//             $('#tag-container').append(`
//                     <span class="tag is-normal">
//                         ${tag}
//                         <span class="delete" data-tag="${tag}"></span>
//                     </span>
//                 `);
//         });
//
//         // 动态调整标签区域高度
//         adjustContainerHeight();
//     }
//
//     // 删除标签
//     $(document).on('click', '.tag .delete', function () {
//         const tagToDelete = $(this).data('tag');
//         tags = tags.filter(tag => tag !== tagToDelete);
//         updateTagDisplay();
//     });
//
//     // 检查标签是否有效
//     function isValidTag(tag) {
//         // 优先检查标签个数
//         if (tags.length >= maxTags) {
//             return { valid: false, message: `最多只能选择 ${maxTags} 个标签` };
//         }
//
//         // 然后检查标签字符数
//         if (tag.length > maxCharsPerTag) {
//             return { valid: false, message: `标签不能超过 ${maxCharsPerTag} 个字符` };
//         }
//
//         // 最后检查标签是否重复
//         if (tags.includes(tag)) {
//             return { valid: false, message: '标签不能重复' };
//         }
//
//         return { valid: true };
//     }
//
//     // 处理输入框事件
//     $('#tag-input').on('keypress', function (e) {
//         if (e.which === 13 || e.which === 47) { // 回车或 / 键
//             const tag = $(this).val().trim();
//             const validation = isValidTag(tag);
//
//             if (validation.valid) {
//                 tags.push(tag);
//                 updateTagDisplay();
//                 $(this).val('');
//                 $('#error-message').text('');  // 清空错误提示
//             } else {
//                 $('#error-message').text(validation.message);  // 显示错误提示
//             }
//         }
//     });
//
//     // 禁止空输入提交
//     $('#tag-input').on('input', function () {
//         if ($('#error-message').text()) {
//             $('#error-message').text('');  // 清空错误提示
//         }
//     });
//
//     // 根据标签区域的内容动态调整容器的高度
//     function adjustContainerHeight() {
//         const containerWidth = $('#tag-container').width(); // 获取标签容器的宽度
//         const tagWidth = $('.tag').outerWidth(true); // 获取标签的宽度，包括内边距和间距
//         const maxTagsPerRow = Math.floor(containerWidth / tagWidth); // 计算每行最大显示标签数
//
//         const tagCount = tags.length;
//         const rowCount = Math.ceil(tagCount / maxTagsPerRow); // 计算实际显示的行数
//
//         // 如果行数大于1，则增加高度
//         const newHeight = rowCount > 1 ? (rowCount * 30) : 45;
//
//         // 适当保留额外空间，以确保提示信息不受影响
//         $('#tag-container').css('min-height', newHeight + 'px');
//     }
//
//
//     $("#add-btn").click(function () {
//         var title=$("#title-btn").val();
//         var html = editor.getHtml();
//
//         var imgSrc = $('#image-preview').attr('src');
//
//         var commentChecked = $('#comment-btn').prop('checked');
//         var recommendChecked = $('#recommend-btn').prop('checked');
//         var appreciationChecked = $('#appreciation-btn').prop('checked');
//
//         console.log('标题:', title);
//         console.log('编辑器的HTML内容:', html);
//         console.log('标签容器的文本:', tags);
//         console.log('图片的src:', imgSrc);
//         console.log('评论复选框是否选中:', commentChecked);
//         console.log('推荐复选框是否选中:', recommendChecked);
//         console.log('赞赏复选框是否选中:', appreciationChecked);
//     })
// });